﻿html
{
    color : #fff;
    padding : 0px 0px 0px 0px;
    font-family : Segoe UI;
    font-size : 12px;
    margin :  0px 0px 0px 0px;
    /*background-color : rgb(185, 9, 11);*/
    background-color:#282828;
}

body
{
    background-color : #282828;
    
}

/*
.moviesdiv span
{
    color : White;
}

.movieTitleBackground
{
    height : 70px;
    background-color : #b9090b;
    color : White;
}

.movieName
{
    padding:5px;
    font-size : 24px;
    font-weight : bolder;
    text-align : left;
}

.movieReleaseYear
{
    padding-left:8px;
    padding-right:10px;
    font-size: 12px;
    font-weight : bold;
    vertical-align: 8%;
}

.movieRating
{
    border : 1px solid white;
    color : white;
    font-size : 12px;
    font-weight: bold;
    padding : 3px;
}

.movieRuntime
{
     padding-left:10px;
    padding-right:10px;
    font-size: 12px;
    font-weight : bold;
    vertical-align: 8%;
}

.movieSynopsis
{
    padding : 3px;
    text-align : justify;
    color : White;
}

.movieAverageRating
{
    padding-top : 0px;
    padding-left:150px;
    padding-right:10px;
    font-size : 16px;
    font-weight: bolder;
    vertical-align : middle;
    color : White;
}

.movieRatingLabel
{
   font-weight: bold;
}

.movieRatingValue
{
    border : 1px solid black;
    background : white;
    color : Black;
    font-size : 16px;
    font-weight: bold;
    width: 300px;
    height : 300px;
    padding : 5px;
}

.movieRow
{
    padding : 15px;
    height : 25px;
}


*/

#movieListingContainer
{
    margin:auto;
    width:900px
}
.netFlixHeader
{
    font-size : 40px;
    font-weight : bolder;
}

#moviesDiv
{
    background-color:#404040;
    padding:5px;
    height:235px;
    margin:auto;
    width:890px;
}

.movieTitleCard
{
    height: 65px;
    color:white;
    vertical-align:middle;
    background:maroon;
    vertical-align:middle;
}

.movieContentCard
{
    height:150;
    padding:5px;
}


.movieSynopsis
{
    font-size : 14px;
    text-align : justify;
}

.movieName
{
    font-weight:bolder;font-size:30px;padding-left:5px;vertical-align:middle;    
}

.movieReleaseYear
{
    font-size:14px;padding-left:5px;vertical-align:middle;    
}

.movieRating
{
    font-size:14px;
    vertical-align:middle;
    border:1px solid white;
    width:50px;
    padding : 1px;
    margin-left : 30px;
}

.movieRuntime
{
    font-size:14px;
    vertical-align:middle;
    padding : 1px;
    margin-left : 30px;
}

.movieAverageRating
{
    padding-top : 0px;
    padding-left:15px;
    padding-right:10px;
    font-size : 16px;
    font-weight: bolder;
    vertical-align : middle;
    color : White;
    
}

.rating
{
    width:100px;
    float:left;
    vertical-align : middle;
}